<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html" >
        <h:head>
            <f:facet name="first">
                <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>BdDint - PMES</title>
            </f:facet>
            
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />

            <style type="text/css">
                .ui-layout-north {
                    z-index:20 !important;
                    overflow:visible !important;
                }

                .ui-layout-north .ui-layout-unit-content {
                    overflow:visible !important;
                }
                
                .ui-stack {
                	/*right: 280px;*/
                	bottom: 50px;
                }
            </style>
        </h:head>


        <h:body style="font-size: 12px;  background-color:#333;" >
	        <p:growl id="growl" showDetail="true" sticky="false" life="3000"/>
			
			<p:panel id="corpo" >
			
				<p:dialog id="sobre" header="Sobre o SipomWeb" draggable="true" widgetVar="info" showEffect="fade" hideEffect="fade" resizable="false" modal="true" rendered="#{(loginBean.loggedIn)}">
					<h:form>
						<h:panelGrid columns="1" style="width:100%; text-align:center;">
							<p:graphicImage value="/images/sipom.png" />
							<h:outputText value="SipomWeb" style="font-size:16px"/>
							<h:outputText value="Versão 3.0.0" />
	<!-- 						<p:commandButton value="Software Update" async="true" onclick="return false;"/> -->
						</h:panelGrid>
						<br/>
						<br/>
						<h:panelGrid columns="2">
							<h:outputText value="Desenvolvedores:" style="font-weight:bold"/>
							<h:outputText value="Sd T. Gonçalves, Sd Luís Felippe" />
							
							<h:outputText value="Projetistas:" style="font-weight:bold"/>
							<h:outputText value="Maj Ferrari, Sd Luís Felippe" />
							
							<h:outputText value="Analista:" style="font-weight:bold"/>
							<h:outputText value="Maj Ferrari" />
						</h:panelGrid>
						
					</h:form>
				</p:dialog> 
			
				<p:dialog id="formPF" header="Pessoa Física" draggable="true" widgetVar="infoPF" showEffect="fade" hideEffect="fade" resizable="false" rendered="#{(loginBean.loggedIn)}">
					
<!--  						<ui:include src="/faces/janelaPessoasF.xhtml_" />-->
					<h:form>
						<p:tabView effect="fade" effectDuration="normal" style="width: 779px;">
					
					        <p:tab title="Dados Pessoais">
					            <h:panelGrid columns="7" cellpadding="2">                
					                <h:outputText value="Protocolo: " />
					                <h:outputText value="#{pessoafBean.protocolo}" style="font-weight:bold;"/> 
					                <p:spacer width="100" height="10" />
					                <h:outputText value="Matriculado em: " />
					                <h:outputText value="#{pessoafBean.dataMatricula}" style="font-weight:bold;"/> 
					                <p:spacer width="100" height="10" />
					                <h:outputText value="#{pessoafBean.status}" style="font-weight:bold;"/> 
					            </h:panelGrid>
					            
					        </p:tab>
					        <p:tab title="Membro de (#{pessoafBean.qtdRelacionamento})">
					            <h:panelGrid columns="2" cellpadding="10">
<!-- 					                <p:graphicImage value="/images/godfather/godfather2.jpg" /> -->
<!-- 					                <h:outputText value="Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film, The_Godfather, parallels the young Vito Corleone's rise with his son Michael's spiritual fall, deepening The_Godfather's depiction of the dark side of the American dream.  -->
<!-- 					                In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family. Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy,  -->
<!-- 					                killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business. With Fanucci gone, Vito's communal stature grows."></h:outputText> -->

									<h:form>  
									    <p:dataTable var="membro" value="#{pessoafBean.relacionamento}">  
									        <p:column headerText="Nome da Instituição">  
									            <h:outputText value="#{membro.pj.nomeDoc}" />  
									        </p:column>									  
									        <p:column headerText="Início">  
									            <h:outputText value="#{membro.dataIni}" />  
									        </p:column>  
									  
									        <p:column headerText="Término">  
									            <h:outputText value="#{membro.dataFim}" />  
									        </p:column>  
									  
									        <p:column headerText="Cargo">  
									            <h:outputText value="#{membro.cargo.cargo}" />  
									        </p:column>
									        
									        <p:column headerText="Partido">  
									            <h:outputText value="#{membro.partido}" />  
									        </p:column>  
									        
									        <p:column headerText="Observações">  
									            <h:outputText value="#{membro.obs}" />  
									        </p:column>
									    </p:dataTable>  
									</h:form> 
					            </h:panelGrid>
					        </p:tab>
					        <p:tab title="Cursos ()">
					            <h:panelGrid columns="2" cellpadding="10">
<!-- 					                <p:graphicImage value="/images/godfather/godfather3.jpg" /> -->
					                <h:outputText value="After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family. 
					                    Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate."></h:outputText>
					            </h:panelGrid>
					        </p:tab>
					        <p:tab title="Movimentações ()">
					        </p:tab>
					        <p:tab title="Outras Sinopses ()">
					        </p:tab>
					        <p:tab title="Todas ()">
					        </p:tab>
					
					    </p:tabView>
					</h:form>					
				</p:dialog>
							        			
		        <p:layout id="layout" fullPage="true" resizeTitle="false" rendered="#{(loginBean.loggedIn)}">
		
	                <p:layoutUnit id="top" position="north" size="90">
	                	<h:panelGrid columns="2" cellspacing="0" cellpadding="0" style="background-image: url(./images/texture_fundo_topo1.png); min-width: 100%; min-heigth: 83px; max-heigth: 83px;">
		                	<p:graphicImage value="/images/titulo.png" alt="SIPOM"/>
		                	<p:spacer width="1" height="83"/>
						</h:panelGrid>
	                </p:layoutUnit>
	
	                <p:layoutUnit id="bottom" position="south" size="30" >
	                	<center>	               
		                	<h:panelGrid columns="3" cellspacing="0" cellpadding="0">
			                    <h:outputText value="#{loginBean.username}"/>						                                        
			                    <p:spacer width="100" height="1" />
			                    <h:outputText value="#{dateSisBean.data}" />
							</h:panelGrid>
						</center>
	                </p:layoutUnit>
	                
	                <p:layoutUnit id="center" position="center" >
	                
	                	<h:form>
							 <ui:include src="menuBar.xhtml"/>					
							 <ui:include src="toolBar.xhtml" />						  	
		  			    </h:form>						
						
						<h:form>
						    <p:stack icon="/images/stack/stack.png" >
								<p:menuitem value="eCops" icon="/images/stack/ecops.png" url="http://spsa0001.sesp.es.gov.br:7779/forms90/f90servlet?config=ecops" target="blank" title="e-Cops"/>
								<p:menuitem value="Detran" icon="/images/stack/detran.png" url="#" target="_blank" title="Detran"/>
								<p:menuitem value="Infoseg" icon="/images/stack/infoseg.png" url="https://www2.infoseg.gov.br/infoseg/do/TecladoVirtualAction" target="blank" title="Infoseg"/>
								<p:menuitem value="Sesp" icon="/images/stack/portal_sesp.png" url="#" target="_blank" title="Portal Sesp"/>
								<p:menuitem value="BdDint" icon="/images/stack/sipom.png" url="http://dint.es.gov.br" target="blank" title="BdDint"/>
							</p:stack>
						</h:form>
	                
	                </p:layoutUnit>
	            </p:layout> 
            </p:panel>	        
       	</h:body>
    </f:view>	        
</html>